import './index.less'
import {Avatar} from "antd";

const ListColumn = (props) => {
    const avatarStr = props.username.substring(0, 1)

    return (
        <div className="list-item p-3 !flex justify-start">
            <Avatar className="cursor-pointer"
                    shape="square"
                    size="large">{avatarStr}</Avatar>
            <div className="pl-3 flex flex-col justify-center">
                <div className="flex justify-between">
                    <div className="w-8rem truncate">
                        {props.username}
                    </div>
                    {/*<div className="text-xs text-neutral-500">*/}
                    {/*    {props.time}*/}
                    {/*</div>*/}
                </div>
                {/*<div className="text-xs text-neutral-500 w-8rem truncate">*/}
                {/*    {props.message}*/}
                {/*</div>*/}
            </div>
        </div>
    )
}

export default ListColumn
